@import "../../common/stylus/variable.styl";


#HomeIndex
  box-sizing border-box
  padding-bottom 50px

  .banner
    img
      width 100%
      height 176px
      display block
  .goodList
    overflow hidden
    box-sizing border-box
    padding-left 10px
    padding-right 10px
    background-color #E9E9E9

    .waterfall
      width 100%
      overflow hidden
      .item
        width 50%
        padding 5px
        box-sizing border-box
        &:nth-child(2n)
          padding-right 0
          float right
        &:nth-child(2n-1)
          padding-left 0
          float left
        .item-content
          width 99%
          align-items center
          border 1px solid #f0efef
          background #fff
          border-radius 10px
          .item-content-top
            width 100%
            text-align center
            img
              width 100%
              height auto
              border-top-left-radius 10px
              border-top-right-radius 10px
          .item-content-bottom
            padding 10px
            font-size 13px
            box-sizing border-box

            .item-content-bottom-goods-name
              color #333333
            .item-content-bottom-goods-price-count
              margin-top 10px
              display flex
              justify-content space-between
              align-items center
              .price
                .rmb
                  font-size 10px
                  color $web-app-color
                .money
                  font-size 16px
                  margin-left -5px
                  color $web-app-color
              .count
                color #999999
                font-size 12px






